@charset "utf-8";
/* CSS Document */
.btn {
    border-radius:0px;
}

.form-control {
    border-radius:0px;
}
.page-title {
    width:360px;
    margin:0 auto;
    font-family: "微软雅黑", "黑体", Tahoma, Arial;
    color:#FFFFFF;
    text-align:center;
    
    font-size:30px;
    font-weight:300;
    margin-top:120px;
    margin-bottom:30px;
    vertical-align:middle;
    text-shadow:2px 2px 1px #CDCDCD;
}

.page-title img {
    width:30px;
    vertical-align:middle;
}

.content {
    width:360px;
    background:url(images/bg-white-lock.png) 0 0 repeat;
    margin:0 auto;
    padding: 20px 30px 15px;
    color:#ffffff;
    margin-bottom:8px;
}

.content h3 {
    padding:0px;
    margin:0px;
    color:#FFFFFF;
    font-family: "微软雅黑", "黑体", Tahoma, Arial;
    margin-bottom:30px;
    font-weight:200;
}

.content form {
    margin-bottom:30px;
}

.bg {
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    width:0px;
    z-index:-999999;
}

.footer {
    min-width:280px;
    font-family: "微软雅黑", "黑体", Tahoma, Arial;
    text-align:center;
    color:#FFFFFF;
    font-size:12px;
    margin-bottom:60px;
}


@media (max-width: 768px) {

    .page-title {
        width:100%;
        min-width:280px;
        font-size:26px;
        margin-top:20px;
        margin-bottom:20px;
    }
    
    .content {
        width:80%;
        min-width:280px;
        background:url(images/bg-white-lock.png) 0 0 repeat;
        color:#ffffff;
        margin-bottom:8px;
    }  
}
